﻿<script type="text/javascript">
    var tpj = jQuery;
    tpj.noConflict();
    tpj(document).ready(function () {
        if (tpj.fn.cssOriginal != undefined)
            tpj.fn.css = tpj.fn.cssOriginal;
        tpj('.fullwidthbanner').revolution(
            {
                delay: 9000,
                startwidth: 890,
                startheight: 450,
                onHoverStop: "on",						// Stop Banner Timet at Hover on Slide on/off
                thumbWidth: 100,							// Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
                thumbHeight: 50,
                thumbAmount: 3,
                hideThumbs: 200,
                navigationType: "bullet",					//bullet, thumb, none, both	 (No Shadow in Fullwidth Version !)
                navigationArrows: "verticalcentered",		//nexttobullets, verticalcentered, none
                navigationStyle: "round",				//round,square,navbar
                touchenabled: "on",						// Enable Swipe Function : on/off
                navOffsetHorizontal: 0,
                navOffsetVertical: 20,
                stopAtSlide: -1,							// Stop Timer if Slide "x" has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case.
                stopAfterLoops: -1,						// Stop Timer if All slides has been played "x" times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic
                fullWidth: "on",
                shadow: 0								//0 = no Shadow, 1,2,3 = 3 Different Art of Shadows -  (No Shadow in Fullwidth Version !)
            });
    });
</script>

<!-- Revolution Slider / Start
================================================== -->
<section id="slider">
    <div class="fullwidthbanner-container">
        <div class="fullwidthbanner">
            <ul>

                <li data-transition="fade" data-slotamount="10" data-thumb="/Content/Images/Slider/thumb1.jpg">
                    <img src="/Content/Images/Slider/thumb1.jpg">
                    <div class="caption lft" data-x="0" data-y="10" data-speed="900" data-start="900" data-easing="easeOutExpo"><img src="/Content/Images/Slider/glare.png"></div>
                    <div class="caption lfl" data-x="-30" data-y="20" data-speed="900" data-start="1300" data-easing="easeOutBack"><img src="/Content/Images/Slider/model2.png"></div>
                    <div class="caption lft big_grey" data-x="506" data-y="120" data-speed="400" data-start="1700" data-easing="easeOutExpo">Thiết kế Website</div>
                    <div class="caption lft big_orange" data-x="506" data-y="157" data-speed="400" data-start="1900" data-easing="easeOutExpo">Sự chuyên nghiệp trong mỗi dự án</div>
                    <div class="caption lfr small_text" data-x="510" data-y="220" data-speed="220" data-start="2600" data-easing="easeOutExpo">Với hơn 5 năm kinh nghiệm trong việc thiết kế website,<br>chúng tôi tự tin sẽ mang đến cho doanh nghiệp<br>của bạn một website chuyên nghiệp và hiệu quả.<br>Chúng tôi luôn làm việc với sự sáng tạo và<br>sự tập trung cao nhất cho mỗi dự án,<br>mỗi dự án đối với chúng tôi là một tác phẩm.</div>
                    <div class="caption sfb" data-x="510" data-y="360" data-speed="1000" data-start="1800" data-easing="easeOutBack"><a href="/vi/thiet-ke-website-chuyen-nghiep" class="btn-image">Tìm hiểu thêm</a></div>
                </li>
                <li data-transition="fade" data-slotamount="10" data-thumb="/Content/Images/Slider/thumb1.jpg">
                    <img src="/Content/Images/Slider/thumb4.jpg">
                    <div class="caption lft" data-x="0" data-y="10" data-speed="900" data-start="900" data-easing="easeOutExpo"><img src="/Content/Images/Slider/glare.png"></div>
                    <div class="caption lfl" data-x="-30" data-y="20" data-speed="900" data-start="1300" data-easing="easeOutBack"><img src="/Content/Images/Slider/model4.png"></div>
                    <div class="caption lft big_grey" data-x="506" data-y="120" data-speed="400" data-start="1700" data-easing="easeOutExpo">OES Việt Nam Portfolio</div>
                    <div class="caption lft big_orange" data-x="506" data-y="157" data-speed="400" data-start="1900" data-easing="easeOutExpo">Phiên bản 2014</div>
                    <div class="caption lfr small_text" data-x="510" data-y="220" data-speed="220" data-start="2600" data-easing="easeOutExpo">Mời bạn tải về portfolio của OES Việt Nam<br>để thấy được chúng tôi là ai? có thể làm những gì?<br>và đã làm được gì?</div>
                </li>
                <li data-transition="fade" data-slotamount="7" data-thumb="/Content/Images/Slider/thumb2.png">
                    <img src="/Content/Images/Slider/thumb2.jpg">
                    <div class="caption sfb" data-x="0" data-y="10" data-speed="900" data-start="900" data-easing="easeOutSine"><img src="/Content/Images/Slider/glare2.png"></div>
                    <div class="caption lft" data-x="140" data-y="20" data-speed="900" data-start="1700" data-easing="easeOutBack"><img src="/Content/Images/Slider/model3.png"></div>
                    <div class="caption lfb big_grey" data-x="300" data-y="360" data-speed="600" data-start="1800" data-easing="easeOutExpo">Sáng tạo là không giới hạn</div>
                </li>
                <li data-transition="fade" data-slotamount="10" data-thumb="/Content/Images/Slider/thumb3.jpg">
                    <img src="/Content/Images/Slider/thumb3.jpg">
                    <div class="caption lft" data-x="0" data-y="10" data-speed="900" data-start="900" data-easing="easeOutExpo"><img src="/Content/Images/Slider/glare.png"></div>
                    <div class="caption lfl" data-x="-30" data-y="20" data-speed="900" data-start="1300" data-easing="easeOutBack"><img src="/Content/Images/Slider/model1.png"></div>
                    <div class="caption sfb big_grey" data-x="506" data-y="120" data-speed="400" data-start="1700" data-easing="easeOutExpo">Online Marketing</div>
                    <div class="caption lft big_orange" data-x="506" data-y="157" data-speed="400" data-start="1900" data-easing="easeOutExpo">Dịch vụ SEO/Adwords chuyên nghiệp</div>
                    <div class="caption lfr small_text" data-x="510" data-y="220" data-speed="300" data-start="2500" data-easing="easeOutExpo">OES VIETNAM cung cấp đến quý khách hàng<br>một dịch vụ SEO/Adwords chuyên nghiệp,<br>giúp doanh nghiệp quảng bá website<br>của mình một cách nhanh chóng và hiệu quả.</div>
                    <div class="caption sfb" data-x="510" data-y="360" data-speed="1000" data-start="1800" data-easing="easeOutBack"><a href="/vi/dich-vu-seo-adwords" class="btn-image">Tìm hiểu thêm</a></div>
                </li>

            </ul>
            <div class="tp-bannertimer"></div>
        </div>
    </div>
</section>
<!-- End of slider -->
